<template>
  <!-- 关于我们头部 -->
  <div class="personal-about">
    <div class="head">
      <van-nav-bar left-text="关于我们" left-arrow @click-left="$router.back()" />
    </div>
    <!-- 主体 -->
    <div class="title">湖南家政平台</div>
    <!-- 轮播图 -->
    <div class="Carousel">
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item><img src="~@/assets/banner1.jpg" alt="" /></van-swipe-item>
        <van-swipe-item><img src="~@/assets/banner2.jpg" alt="" /></van-swipe-item>
        <van-swipe-item><img src="~@/assets/banner3.jpg" alt="" /></van-swipe-item>
        <van-swipe-item><img src="~@/assets/banner4.jpg" alt="" /></van-swipe-item>
      </van-swipe>
    </div>
    <!-- 文字区域 -->
    <div class="words">
      湖南家政平台是由新湖南客户端、湖南征信公司、兴业银行长沙分行、中国人寿湖南分公司共同建设的一个集微信、H5手机端、电脑PC端、APP四网合一的人工智能家庭服务家政平台，帮助家服企业通过家政平台实现在线推广服务，在线签合同，子凹陷支付，家服人员档案管理、家服人员派单管理等服务，从而提高工作效率与服务质量的家政服务平台。
    </div>
    <div class="words1">
      联系电话：15236985241 <br />
      联系地址：湖南省长沙市天心区暮云工业园凯覆漫城烛照小区4栋1311房
    </div>
  </div>
</template>

<script>
export default {
  name: 'PersonalAbout',
  components: {},
  props: {},
  data () {
    return {}
  },
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style scoped lang="less">
.van-nav-bar {
  height: 128px;
  line-height: 128px;
  background-color: #3f51b5;
  /deep/.van-nav-bar__content {
    line-height: 128px;

    span.van-nav-bar__text {
      color: #fff;
      line-height: 128px;
    }
    .van-icon {
      color: #fff;
    }
  }
  /deep/.van-nav-bar__left {
    top: 30px;
  }
}
.personal-about {
  .title {
    position: absolute;
    width: 192px;
    height: 44px;
    font-size: 32px;
    // background-color: rgb(140, 198, 212);
    left: 280px;
    top: 180px;
  }
  .Carousel {
    position: absolute;
    left: 32px;
    top: 274px;
    width: 688px;
    height: 362px;
    // background-color: pink;
    img {
      width: 100%;
    }
  }
  .words {
    position: absolute;
    left: 34px;
    top: 500px;
    width: 686px;
    height: 262px;
    text-align: left;
    font-size: 24px;
    text-align: left;
    color: rgba(16, 16, 16, 100);
    margin: 26px 0 0 0;
    // background-color: rgb(148, 197, 125);
  }
  .words1 {
    position: absolute;
    left: 38px;
    top: 720px;
    width: 674px;
    height: 128px;
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    // background-color: rgb(206, 179, 179);
    padding-top: 32px;
  }
}
</style>
